<script setup lang="ts">
import ReferralFaqCollapse from '~comp-b/referral/faq/ReferralFaqCollapse.vue';
import { Balances, Invitation, Live, ProfitChart, Rewards, RewardsChart } from './components';
</script>

<template>
  <div class="grid gap-5">
    <Invitation />
    <Balances />

    <div class="flex flex-wrap gap-5 *:min-w-90 *:flex-1">
      <RewardsChart />
      <ProfitChart />
    </div>

    <div class="flex flex-wrap gap-5 *:min-w-90 *:flex-1">
      <Rewards />
      <Live />
    </div>

    <ReferralFaqCollapse />
  </div>
</template>
